<template>
    <view>
        <view class="utabbar">
            <view class="flex aic">
                <u-avatar src="http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg" class="mgr20"></u-avatar>
                <view>
                    <view class="flex">
                        <text class="mgr8">黄先生</text>
                        <u-icon name="calendar"></u-icon>
                    </view>
                    <view class="fs24 c9">个人房东</view>
                </view>
            </view>
            <view class="btn">
                <u-icon name="phone-fill" size="28" color="#121407"></u-icon>
                <text class="fs36">电话咨询</text>
            </view>
        </view>
        <view class="safe"></view>
    </view>
</template>

<script setup></script>

<style lang="scss">
.utabbar {
    @include flex-box();
    width: 100%;
    height: 126rpx;
    box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(50, 50, 51, 0.1);
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 100;
    box-sizing: border-box;
    padding: 18rpx 30rpx;
    text {
        font-family: Noto Sans S Chinese;
        font-weight: 500;
        font-size: 30rpx;
        color: #121407;
        line-height: 36rpx;
    }
    .btn {
        @include flex-box-set();
        width: 250rpx;
        height: 84rpx;
        background: #ffce00;
        border-radius: 14rpx;
    }
}
.safe {
    height: 126rpx;
}
</style>
